<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui" xmlns:h="http://java.sun.com/jsf/html"
	template="/templates/template-mestre-detalhe.xhtml">

	<ui:define name="title">
		<p:outputLabel value="#{label['itemCompra.titulo']}" styleClass="header-page" />
	</ui:define>

	<ui:define name="mestre">

		<p:panelGrid id="panel_dialog_mestre">

			<p:row>
				<p:column>
					<p:outputLabel value="#{label['itemCompra.campo.data_compra']}" for="itemcompra_data_mestre" />
				</p:column>
				<p:column>
					<p:outputLabel id="itemcompra_data_mestre" value="#{itemCompraMB.mestreModel.data}">
						<f:convertDateTime pattern="dd/MM/yyyy" />
					</p:outputLabel>
				</p:column>
			</p:row>

			<p:row>
				<p:column>
					<p:outputLabel value="#{label['itemCompra.campo.nota_fiscal']}" for="itemcompra_nota_fiscal_mestre" />
				</p:column>
				<p:column>
					<p:outputLabel id="itemcompra_nota_fiscal_mestre" value="#{itemCompraMB.mestreModel.numeroNotaFiscal}" />
				</p:column>
			</p:row>

			<p:row>
				<p:column>
					<p:outputLabel value="#{label['itemCompra.campo.fornecedor']}" for="itemcompra_fornecedor_mestre" />
				</p:column>
				<p:column>
					<p:outputLabel id="itemcompra_fornecedor_mestre" value="#{itemCompraMB.mestreModel.fornecedor.nome}" />
				</p:column>
			</p:row>

		</p:panelGrid>

	</ui:define>

	<ui:define name="tabela">

		<p:dataTable id="dataTable" value="#{itemCompraMB.listModel}" var="item" rows="10" paginator="true"
			paginatorPosition="bottom" emptyMessage="#{label['sistema.tabela.emptymessage']}" lazy="true">

			<p:column headerText="#{label['itemCompra.campo.nome_produto']}">
				<p:outputLabel value="#{item.produto.nome}" />
			</p:column>

			<p:column headerText="#{label['itemCompra.campo.categoria']}">
				<p:outputLabel value="#{item.produto.categoria.nome}" />
			</p:column>

			<p:column headerText="#{label['itemCompra.campo.qtde_comprada']}" width="30">
				<p:outputLabel value="#{item.quantidadeComprada}" />
			</p:column>

			<p:column headerText="#{label['sistema.tabela.acoes']}" width="35">

				<p:commandButton icon="ui-icon-pencil" title="#{label['sistema.botao.editar']}" process="@this"
					update="@form:panel_dialog_cad" actionListener="#{itemCompraMB.prepararEditar(item)}" rendered="false">
				</p:commandButton>

				<p:commandButton icon="ui-icon-close" title="#{label['sistema.botao.excluir']}"
					actionListener="#{itemCompraMB.executarExcluir(item)}" process="@this" update="dataTable">
					<p:confirm />
				</p:commandButton>

			</p:column>

		</p:dataTable>

	</ui:define>

	<ui:define name="comandos">
		<p:commandButton value="#{label['sistema.botao.incluir']}" title="#{label['sistema.botao.incluir']}"
			oncomplete="PF('dialogCadastro').show()" process="@this" update="panel_dialog_cad">
			<f:setPropertyActionListener target="#{itemCompraMB.modelCad}" value="#{null}" />
		</p:commandButton>
		<p:commandButton value="#{label['sistema.botao.voltar']}" title="#{label['sistema.botao.voltar']}"
			action="compra-tabela" immediate="true" />
	</ui:define>

	<ui:define name="custom-dialogs">

		<p:dialog id="dialogCadastro" header="#{label['sistema.dialog.cadastro.titulo']}" widgetVar="dialogCadastro"
			width="900" modal="true" closable="false" resizable="false">

			<p:panelGrid id="panel_dialog_cad">

				<p:row>

					<p:column>
						<p:outputLabel value="#{label['itemCompra.campo.produto']}" for="item_compra_produto_cad" />
					</p:column>
					<p:column>
						<p:selectOneMenu id="item_compra_produto_cad" value="#{itemCompraMB.modelCad.produto.codigo}" required="true" style="width:600px" >
							<f:selectItem itemLabel="#{label['sistema.select.selecione']}" itemValue="#{null}" />
							<f:selectItems value="#{itemCompraMB.listProduto}" var="item" itemLabel="#{item.nome}" itemValue="#{item.codigo}" />
						</p:selectOneMenu>
					</p:column>

					<p:column>
						<p:outputLabel value="#{label['itemCompra.campo.qtde_comprada']}" for="item_compra_quantidade_cad" />
					</p:column>
					<p:column>
						<p:inputText value="#{itemCompraMB.modelCad.quantidadeComprada}" id="item_compra_quantidade_cad" size="5"
							required="true" />
					</p:column>
				</p:row>

			</p:panelGrid>

			<f:facet name="footer">
				<p:commandButton value="#{label['sistema.botao.salvar']}" title="#{label['sistema.botao.salvar']}"
					actionListener="#{itemCompraMB.executarSalvar()}" process="dialogCadastro" update="panel_dialog_cad dataTable" />
				<p:commandButton value="#{label['sistema.botao.cancelar']}" title="#{label['sistema.botao.cancelar']}"
					onclick="PF('dialogCadastro').hide()" immediate="true" />
			</f:facet>
		</p:dialog>

	</ui:define>

</ui:composition>